<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- Bootstrap CSS -->
    <link href="http://dh.91ant.com/static/union/css/link.css" rel="stylesheet" />

    <link rel="stylesheet" type="text/css" href="http://dh.91ant.com/static/union/css/index.css"/>
	<!--
	<script src="http://dh.91ant.com/static/union/js/link.js"></script>
<script src="http://dh.91ant.com/static/union/js/index.js"></script>
-->
    <title>百校联展|广东文艺职业学院</title>
</head>
<body>
<!--the bg of navbar-->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
	<a class="navbar-brand" href="/">
	  <img src="http://dh.91ant.com/static/union/img/LOGO.png" alt="" style="height: 30px;"/>
	</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item "><a class="nav-link" href="/index/design">发现<span class="sr-only">(current)</span></a> </li>
            <li class="nav-item "><a class="nav-link" href="/index/school">学校和组织</a></li>
            <li class="nav-item active"> <a class="nav-link" href="/union/school">百校联展</a></li>
            <li class="nav-item"><a class="nav-link" href="/index/activity" target="_blank">广交会</a></li>
            <li class="nav-item"><a class="nav-link" href="http://bq.91ant.com" target="_blank">版权</a></li>
            <li class="nav-item"><a class="nav-link" href="http://www.91ant.com" target="_blank">关于</a></li>
        </ul>
        <ul class="navbar-nav my-2 my-lg-0">
            <li class="nav-item dropdown">
                                <button class="btn btn-outline-danger" onclick="login()">免注册登陆</button>
                
            </li>
        </ul>
    </div>
</nav>

<!--the end of navbar--> 
<!--the bg of jumbotron--> 
<button id="backtop"><i class="fa fa-angle-double-up fa-2x"></i></button><!--返回顶部按钮-->
<div class="jumbotron">
    <div class="row p-4">
      <div class="media">
          <img class="align-self-start mr-3 rounded-circle" src="http://dh.91ant.com/Public/common/school/0/0/33/cover.png" alt="广东文艺职业学院">
          <div class="media-body">
            <h5 class="mt-0">广东文艺职业学院</h5>
            <span>浏览：2980</span><br/>
            <span>点赞：0</span><br/>
            <span>作品：41</span>
          </div>
        </div>
        <div class="media vr-list">
          <!--<img class="align-self-start mr-3 rounded-circle" style="width:85px; height:85px;" src="http://ate.91ant.com/Public/common/school/0/0/15/cover.png" alt="北京师范大学珠海校区">-->
                    </div>

    </div>
  </div>



<div class="w-100" id="work-list">
	<div class="container-fluid">
		<div class="row">
			<ul class="nav col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
				<li class="nav-item">
					<div class="dropdown">
						<button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							最新发布						</button>
						<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
							<a class="dropdown-item" href="javascript:goSort('sort',1);">最新发布</a>
							<a class="dropdown-item" href="javascript:goSort('sort',4);">浏览最多</a>
							<a class="dropdown-item" href="javascript:goSort('sort',2);">点赞最多</a>
						</div>
					</div>

				</li>
				<li class="nav-item">
					<div class="dropdown">
						<button class="btn btn-info dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
							全部分类						</button>
						<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"style="max-height: 140px;overflow: auto">
							<a class="dropdown-item" href="javascript:goSort('worksclass',0);">全部分类</a>
														<a class="dropdown-item" href="javascript:goSort('worksclass',5);">服装服饰</a>
														<a class="dropdown-item" href="javascript:goSort('worksclass',18);">工艺设计</a>
													</div>
					</div>
				</li>
				<li class="nav-item">
					<div class="input-group">
						<input type="text" class="form-control" placeholder="search" name="keyword" aria-label="search" aria-describedby="basic-addon2">
						<div class="input-group-append">
							<button class="btn btn-outline-secondary" type="submit" onclick="search()"><i class="fa fa-search"></i>搜索</button>
						</div>
					</div>
				</li>

			</ul>
			<ul class="nav justify-content-end col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 ">
				<li class="nav-item">
					<a class="nav-link disabled" ><i class="fa fa-photo"></i> 作品</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="JavaScript:void(0)" data-toggle="modal" data-target="#exampleModal"><i class="fa fa-share-square-o"></i> 分享</a>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="w-100 grid" >
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10721">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/d531d73aac06761ca4d3c0fa135e31ab.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="梦回故宫">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10721">梦回故宫</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 137</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:38:03</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10720">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/6056e07f6e8df16f22e0e5e38c979e58.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="华夏千秋">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10720">华夏千秋</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 131</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:37:22</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10719">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/aa0417b761ece9274b0e576bb6329530.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="纬度 东方韵·都市情">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10719">纬度 东方韵·都市情</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 119</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:36:38</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10718">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/3a602420f74cf7b1ef02fde8c1380e39.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="植物染">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10718">植物染</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 120</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:34:37</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10717">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/a72add66fc6dc6ee93802eabbf3f9946.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="大漆茶盘">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10717">大漆茶盘</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 127</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:33:44</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10716">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/12f253acdb961b517c42af9a8070f08b.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="红棉">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10716">红棉</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 135</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:33:16</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10715">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/2a431b8309e8b64f88d838790e069fda.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="水洗牛皮纸手提包">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10715">水洗牛皮纸手提包</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 152</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:32:48</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10714">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/63406ef7b81eb2745580db26032df092.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="情绪茶具">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10714">情绪茶具</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 123</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:30:56</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10713">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/43ad6d26368bb00c7952be283db1c5a9.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="福禄">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10713">福禄</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 115</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:30:16</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10712">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/f2ce17396b81609e8f537d782fcd39ae.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="工艺设计产品">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10712">工艺设计产品</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 154</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:29:36</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10711">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/fe671eaf55972fa2edcd626c13c1cc8e.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="工艺设计产品">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10711">工艺设计产品</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 124</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:29:02</small>
	</div>
  </div>
        <div class="card workscard grid-item">
        <a href="/union/works?works_id=10710">
      <img class="card-img-top" src="http://dh.91ant.com/uploads/20190718/fd9f2000ddcc00aa1b303d0104826fd7.jpg" width="100%" height="auto" style="width: 100%;height: auto" alt="山·水">
    </a>
    <div class="card-body">
      <h5 class="card-title">
          <a href="/union/works?works_id=10710">山·水</a>
      </h5>
        <p>工艺设计</p>
      <p></p>
      <ul class="list-inline">
        <li class="list-inline-item"><i class="fa fa-eye"></i> 117</li>
       <!-- <li class="list-inline-item"><i class="fa fa-commenting-o"></i> 999+</li>-->
        <li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> 0</li>
      </ul>
      <!--<a href="#" class="btn btn-primary">Go somewhere</a>--></div>
    <div class="card-footer">
		<i class="fa fa-clock-o"></i><small class="text-muted"> 2019-07-18 16:28:22</small>
	</div>
  </div>
      </div>
<div class="w-100 p-3">
    <div class="row">
        <button data-pagecount="11" data-nextpage="2" type="button" id="btn-more" class="btn btn-danger w-100" onclick="getmore(this,33)">点击加载</button>

        <input name="id" id="id" class="id" type="hidden" value="15"/>
    </div>
</div>
<div class="modal fade bd-example-modal-sm" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
	   <h5 class="modal-title">微信扫一扫</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div id="schoolinfo-share-box" style="width:110px;height:110px; margin:0px auto;"></div>
      </div>
    </div>
  </div>
</div>
<!--the end of content--> 
<!--the bg of pagination-->

<!--the bg of footer-->
<footer class="footer"style="height: auto;">
  <div class="col-md-12" > <span class="text-muted">版权所有归 91Ant Copyright2013.All rights reserved | 粤ICP备13078953号-1</span> </div>
</footer>
<!--the end of footer--> 
<!-- Optional JavaScript --> 
<!-- jQuery first, then Popper.js, then Bootstrap JS --> 
<script src="http://dh.91ant.com/static/union/js/link.js"></script>
<script src="http://dh.91ant.com/static/union/js/index.js"></script>
<script type='text/javascript' src='http://res.wx.qq.com/open/js/jweixin-1.0.0.js'></script>
<script type="text/javascript" src="http://dh.91ant.com/static/user/js/wx_share.js"></script>
<script type="text/javascript" src="http://dh.91ant.com/static/user/js/qrcode.js"></script>
<script>
	var wx_share_logo = "http://dh.91ant.com/Public/common/school/0/0/33/school_cover.png";
    var wx_share_url = window.location.href;
    var wx_share_content = '来自于 设计会馆-2019百校联展-广东文艺职业学院...';
    var wx_share_title = '2019百校联展-广东文艺职业学院';

    wx_share_config(wx_share_logo, wx_share_url, wx_share_title, wx_share_content);

    var qrcode = new QRCode(document.getElementById("schoolinfo-share-box"), {
        width : 110,
        height : 110
    });
    qrcode.makeCode(window.location.href);
    var nStart =12;
    function getmore(obj,id) {
        var sum=41;
        var keyword=getQueryString1('keyword');
        var sort=getQueryString1('sort');
        var worksclass=getQueryString1('worksclass');

        if(nStart>=sum){
            $(obj).addClass('disabled');
            $(obj).attr({ disabled: "disabled" });
            $(obj).html('我是一个有底线的人');
        }else{
            $.ajax({
                type: "post",
                data: { "start":nStart,"id":id,"keyword":keyword,"sort":sort,"worksclass":worksclass },
                url: "/union/getMore",
                beforeSend: function () {
                    $(obj).addClass('disabled');
                    $(obj).attr({ disabled: "disabled" });
                    $(obj).html('<i class="fa fa-spinner fa-spin"></i> 正在加载中..');
                },
                success: function (res) {
                    //console.log(res);
                    $.each(res['result'], function(i, item) {
                        var str="";
                        str+='<div class="card workscard grid-item">';
                        str+='<a href="/union/works?'+item.works_id+'">';
                        str+=' <img class="card-img-top" src="'+item.cover+'" width="100%" height="auto" style="width: 100%;height: auto" alt="'+item.works_name+'"></a>';
                        str+='<div class="card-body"><h5 class="card-title">';
                        str+='<a href="/union/works?'+item.works_id+'">'+item.works_name+'</a></h5>';
                        str+=' <p>'+item.works_class+'</p>'
                        if (item.user_nicename=="") {
                            str+='<p>'+ item.user_nicename+'</p>';
                        }
                        str+='<ul class="list-inline"><li class="list-inline-item"><i class="fa fa-eye"></i> '+item.browsetimes+'</li>';
                        str+='<li class="list-inline-item"><i class="fa fa-thumbs-o-up"></i> '+item.sum+'</li></ul></div>';
                        str+='<div class="card-footer"><i class="fa fa-clock-o"></i><small class="text-muted">&nbsp;'+item.create_time+'</small>';
                        str+='</div>';
                        $('.grid').append(str).isotope( 'reloadItems').isotope({
                            percentPosition: true,
                            itemSelector: '.grid-item',
                            layoutMode: 'masonry'
                        });
                        $('.grid').imagesLoaded().progress( function() {
                            test();
                        });
                        $(obj).removeClass('disabled');
                        $(obj).attr({ disabled: false });
                        $(obj).html('点击加载');
                    });
                },

            });
            nStart +=12;
        }
    }
    var test=function(){
        var gw=$(".grid").width();
        if(gw>1200){
            $(".grid-item").css("width",gw/6-8);
            var giw=gw/6-8;
        }else if(gw>992){
            $(".grid-item").css("width",gw/4-8);
            var giw=gw/4-8;
        }else if(gw>769){
            $(".grid-item").css("width",gw/3-8);
            var giw=gw/3-8;
        }else if(gw<769&&gw>577){
            $(".grid-item").css("width",gw/3-8);
            var giw=gw/3-8;
        }else if(gw>576){
            $(".grid-item").css("width",gw/2-8);
            var giw=gw/2-8;
        }else{
            $(".grid-item").css("width",gw/2-8);
            var giw=gw/2-8;
        }
        $(".grid").isotope({
            percentPosition: true,
            itemSelector: '.grid-item',
            layoutMode: 'masonry'
        });
        var imgs=$("img");
        imgs.on("contextmenu",function(){return false;});
        imgs.on("dragstart",function(){return false;});
    }
    $('.grid').imagesLoaded(function(){
        test();
    });
	
	
	
    $(window).resize(function(){
        test();
		$('.grid-item img').hide().one("load",function(){
			$(this).fadeIn(500);
		}).each(function(){
			if(this.complete) $(this).trigger("load");
		});
    });

 
</script>
</body>
</html>